<template>
	<view>
		<view class="container">
			<view class="box">
				<view class="top">
					<view class="letter-10">提现金额:</view>
					<text>1600.00</text>
					<view class="letter-10" style="margin-left: 80upx;">手续费:</view>
					<text>0.0</text>
				</view>
				<view class="top mar-topp-40">
					<view class="letter-10">收款方式:银行卡</view>
				</view>
				<view class="top mar-topp-40">
					<view class="letter-10">收款账户:</view>
					<text>63123131561561456465</text>
				</view>
				<view class="top mar-topp-40">
					<view class="letter-10">
						申请时间:
					</view>
					<text>2020-05-30 16:33:20</text>
				</view>
				<view class="top mar-topp-40">
					<view class="letter-10">
						审核时间:
					</view>
					<text>2020-06-01 12:00:30</text>
				</view>
				<view class="top mar-topp-40">
					<view class="letter-10">
						备注:
					</view>
					<text>批量审核</text>
				</view>
			
				<view class="state">提现成功</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.container{
		width: 750upx;
		.box{
			width: 700upx;
			margin: 0 auto;
			padding: 30upx 0;
			position: relative;
			.top{
				display: flex;
				align-items: center;
				margin-top: 40upx;
			}
		}
		.letter-10{
			letter-spacing: 8upx;
		}
		.state{
			position: absolute;
			top: 100upx;
			right: 0;
			border:1px solid $base-color;
			border-radius: 20upx;
			transform: rotate(-25deg);
			color: $base-color;
			padding: 10upx 30upx;
			opacity: 0.4;
		}
	}
</style>
